/*  
Theme Name: Blue Again
Description: Blue theme with rounded edge content boxes and featured content to showcase latest post
Version: 1.0
Author: www.craftytv.com
Author URL: http://www.craftytv.com
Tags: blue, white, orange, two-columns, adsense, fixed-width, right-sidebar, magazine
Usage Terms: You may use this theme free of charge under the conditions that you cannot remove any links from the footer.

*/ 



/* HTML Elements */

* {
margin:0;
padding:0;
}

.clearall{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
br.clearall{ clear:both; height: 0; line-height:0; font-size: 0px;}


body,html { min-height:101%; }

body { background: #ffffff url(images/bg.jpg) repeat-x;color: #ffffff;padding: 13px 0px 0px 0px;}

body, select, input, textarea { font-size: 75%; font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif; }

p { margin: 15px 0; }

a:link, a:visited { color: #485568; text-decoration:none; }

a:hover, a:active { text-decoration:underline; }

hr { display: block; height:1px; background:#333;border:0; }

small { font-size: 0.95em; background:#eef5e1; padding:3px 6px; }

img, a:link img, a:visited img { border:0; }


h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

h1, h1 a {  color: #CB8216; }
h2,h3,h4,h5,h6 { color: #2F6EBD; font-weight:normal; }
h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #2F6EBD; text-decoration:none; }
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {  color: #2F6EBD; text-decoration:none; }


h1 { font-family:"Trajan Pro";	letter-spacing:0; }
h1 a:link { text-decoration:none; }


#wrapper { width:1040px; margin:0 auto; }

#maincontainer { width:900px; margin:0 auto; }

#contentcontainer { clear:both; overflow:hidden; padding-top:20px; background: #ffffff;border:5px solid #ffffff; }

/* categories list menu */
#maincontainer .pagemenu {margin-top:45px; height:25px; }
#maincontainer .pagemenu ul { margin-left: 10px; padding: 0 10px; position: relative; float: left; }
#maincontainer .pagemenu ul li { list-style:none; float: left; border-left:1px solid #5A80AD; border-right:1px solid #7796BB; }
#maincontainer .pagemenu ul li a {text-decoration:none; color: #F1F4F8; outline: none; text-align: center; display: block; overflow: hidden; float: left;  padding: 0 10px; } 
#maincontainer .pagemenu ul li a:hover { text-decoration: underline; color:#F1F4F8;}

/* div with title and rss links */
#maincontainer .title-rss { height: 100px; margin-top:25px; }
#maincontainer .title-rss .home-rss-menu { width:400px; float:right; margin:0; text-align:center; }
#maincontainer .title-rss .home-rss-menu a { color:#ffffff; font-size:x-small; padding-right:10px; }
#maincontainer .title-rss .title-logo { width:400px; float:left; }
#maincontainer .title-rss .tagline { clear:both;  padding:10px; font-size:small; color:#ffffff; }
#maincontainer .title-rss  a { height:35px; clear:both;  padding:10px; font-size:40px; color:#ffffff; }
#maincontainer .title-rss .home-rss-menu .search { text-align:center; height:29px;margin-right:10px;}
#maincontainer .title-rss .home-rss-menu .search .searchinput {border:1px solid #BCD2E6; padding:3px; width:200px;}
#maincontainer .title-rss .home-rss-menu .search .searchbutton {}


/* pages list menu */

/* pages list menu */
#maincontainer .catmenu { clear:both; overflow:hidden; background: url(images/catmenubg.png) no-repeat; width:900px; height:48px; margin:0 auto; }
#maincontainer .catmenu ul { 	margin:0px 0 0 20px;	}
#maincontainer .catmenu ul li { margin-top:19px; list-style:none; float:left; background: transparent url("images/catmenuseparator.gif") right no-repeat; padding-right:20px; }
#maincontainer .catmenu ul li a { color:#ffffff; padding:0px 10px 0 15px; text-decoration:none; text-transform:uppercase; }
#maincontainer .catmenu ul li a:hover { text-decoration:underline;color:#404040; }
#maincontainer .catmenu ul li a:visited { color:#ffffff; }
#maincontainer .catmenu ul li.current_page_item a, li.current_page_item a:visited { color:#000000;font-weight:bold; }



/*- Menu Tabs 5---------------------------  courtesy of exploding-boy.com*/

    #maincontainer .tabs1 {       float:left;       width:100%;       font-size:93%;       line-height:normal; margin-top:20px;      }
    #maincontainer .tabs1 ul { 	  margin:0; 	  padding:10px 10px 0 50px; 	  list-style:none;       }
    #maincontainer .tabs1 li {       display:inline;       margin:0;       padding:0;       }
    #maincontainer .tabs1 a {       float:left;       background:url("images/tableft1.gif") no-repeat left top;       margin:0;       padding:0 0 0 4px;       text-decoration:none;       }
    #maincontainer .tabs1 a span {       float:left;       display:block;       background:url("images/tabright1.gif") no-repeat right top;       padding:5px 15px 10px 6px;       color:#768392;       }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/ 
    #maincontainer .tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #maincontainer .tabs1 a:hover span {       color:#768392;       }
    #maincontainer .tabs1 a:hover {       background-position:0% -42px;       }
    #maincontainer .tabs1 a:hover span {       background-position:100% -42px;       }  

	#maincontainer .tabs1 ul li ul {	  margin:0;	  padding:0;	  list-style:none;      }

/* Content */

#content { width:580px;float: left;width:580px; }
#content .contentmiddle { clear:both; padding:0px 20px 20px 20px; }
#content .ad468 {  clear:both;  text-align:center; padding:20px; }
#content .ad468single { clear:both; padding:20px 0 20px 0px; }

#content .contentbottom { width:542px;height:17px; }

.postcontainer { clear:both; overflow:hidden; padding:10px; width:525px; color:#333333;  }

.postarea { padding:20px; }
.postarea ol,.postarea ul { margin-left:50px;line-height:115%; }
.postareameta { margin: 30px 0; }
.postarea h2 {}
.postarea blockquote { color:#76767a; background:#F4F4F4; padding:6px 14px; margin:18px 35px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
.postarea ul li { list-style:square; }
.postarea img{ margin:10px;max-width:500px;width: expression(this.width > 500 ? 500: true);max-height:100%;}
.postarea .byline {  padding:0; margin:3px 0 0 0px; font-size:small;  }
.postarea .byline a { text-decoration:none; font-size:small; }
.postarea .byline a:hover { text-decoration:underline; }
.postarea .byline span.posted { background: transparent url(images/posted.png) left center no-repeat; padding-left:20px; }
.postarea .byline span.author { background: transparent url(images/author.png) left center no-repeat; padding-left:20px; }
.postarea .byline span.category { background: transparent url(images/category.png) left center no-repeat; padding-left:20px; }
.postarea .excerpt { margin-top:20px;  }
.postarea .excerpt p { margin:0; padding:0; }
.postarea .excerpt img{ float:left; margin:0px 10px 0 0px;  }
.postarea .readfull img { background-image:none; border:none; clear:both; float:right; margin:0; padding:0; }


.bnavigation { padding:0; margin-top:30px; }
.npfsearchmsg { margin:20px 0px 20px 30px; }
.npfsearchmsg h2 { margin:0px 0px 10px 0px; }

.postareameta { margin:10px 0px 10px 30px; }


.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.aligncenter { 	display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float:left; margin-right:10px; }
img.alignright { float:right; margin-left:10px; }
img.aligncenter { 	display: block; margin-left: auto; margin-right: auto; }

/************************************************
*  Feature content                               * 
************************************************/

#featurecontent { margin:0; background: url(images/featurebkg.png) no-repeat; }
#featurecontent h2 { padding:2px 2px 2px 2px; margin:0px 0px 3px 0px; width:500px;height:25px; }
#featurecontent  { float:left; color:#333333; padding:20px; }
#featurecontent img { border:4px double #E2E3E5; float:left; margin:10px; }
#featurecontent  p { margin-right:25px; }
#featurecontent  .readfull img { background-image:none; border:none; clear:both; float:right; margin:0 100px 0 0px; padding:0; }



/************************************************
*  sub feature latest posts		        * 
************************************************/

#subfeature { clear:both; overflow:hidden; padding:10px; width:525px; color:#333333; }

#subfeature .latestposts { clear:both; overflow:hidden; width:575px; padding:10px; }
#subfeature .latestposts h2 { font-size:medium; font-weight:normal; text-decoration:none; margin:0 0 10px; }
#subfeature .latestposts h2 a { font-size:medium; font-weight:normal; text-decoration:none; }
#subfeature .latestposts .meta { font-size:x-small; margin:0;float:right;}
#subfeature .latestposts img { float:left; margin-right:10px; border:4px double #E2E3E5; }
#subfeature .latestposts h4 { margin:0; padding:3px 0px 3px 0px;  font-size:small; text-align:center;}
#subfeature .latestposts h4 a {   text-decoration:none; font-weight:normal;}
#subfeature .latestposts li { list-style:none; float:left;}
#subfeature .latestposts li img { border:0;}
#subfeature .latestposts a img { border:0;}
#subfeature .latestposts .latestpostsleft { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }
#subfeature .latestposts .latestpostsright { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }
#subfeature .latestposts .comm { background:transparent url(images/h2bg.png) left top no-repeat; padding:0 20px;}
#subfeature .latestposts .postmore 	{padding:2px 5px 2px 25px;	float:right;	font-weight:bold;}
#subfeature .latestposts .postmore img { border: 0;}
#subfeature .latestposts.readfull { clear:both; overflow:hidden;  margin:0; padding:0; } 
#subfeature .latestposts.readfull img { background-image:none;border:none;clear:both;float:right; width:107px;height:26px; margin:0; padding:0; }




/************************************************
* Sidebar                                        * 
************************************************/
#sbarl li { list-style:none; }
#sbarl li.widget { list-style:none; }
#sidebar li.widget { list-style:none; }
#sidebar { width: 300px; float:right; }
#sidebar h2, #sidebar h3 { background:transparent url(images/h2bg.png) left top no-repeat; padding-left:20px; }
#sidebar h2, #sidebar h3 { padding-bottom:10px; margin:20px 0 0 0px; }
#sidebar .ad250widget { height:278px; width:280px; text-align:center; }
#sidebar .ad250widget .ad250 { margin: 0; padding-top:15px; }
#sidebar .sidebarbits { width:250px; padding:10px 0px 0px 3px;}
#sidebar .sidebarbits .sidebarbitsmiddle { width:250px; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px;}
#sidebar .sidebarbits .sidebarbitsmiddle ul li { margin-top:7px; background: transparent url(images/sbarli.gif) left top no-repeat; padding-left:20px; }
#sidebar .sidebarbits ul li a { color:#333333;}
#sidebar select { width:200px; } 
.widget { margin-bottom:30px; }







#tags { padding:3px; }


/* Form Elements */

.button { padding: 1px; background:#577BAB; color:#ffffff; border:none; }
.button:hover { background:#757575; color:#ffffff; text-decoration:none }

#commentform input { width: 170px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; margin-top:5px; }


/* Comments*/

.commentlist { padding-left:30px; }

.commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#f2f2f2; border-top: 1px solid #ddd; }
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { display: block; }
.commentlist small { background:#f9f9f9; }

.commentlist cite { font: 1.6em Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:-0.05em; }


/* Float Properties*/

.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }

.clearfloat { display:inline-block; }
.clearfloat { display:block; }


/* Footer*/

#footer { background: #69788B url("images/footerbkg.gif") repeat-x; margin:20px 0px 0px 0px; height:79px; clear:both; }
#footer .footercontent { padding:25px; font-size:x-small; }
#footer a { color:#ffffff; }
#footer .tools { float:right; margin-right:30px; }
#footer .tools ul { list-style: none; }
#footer .tools ul li { float: left; display: block; padding-left:20px; }
#footer .tools ul li a { float: left; display: block; }
#footer .tools ul li a:hover { text-decoration:underline;}